<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="father">
    <el-page-header @back="goBack" content="公告详情" class="header"></el-page-header>
    <div class="body">
      <p>
        · 活动规则<br /><br />

    用户在活动期间内于指定的整点时间下单购买特定商品，并满足对应条件，即可获得指定的赠品。<br /><br />

    条件举例：整点下单前10件赠华为体脂秤，限10点/14点/20点<br /><br />

    用户在10点/14点/20点的活动时间内成功下单购买某产品，按照下单时间排名前10的用户，可以获得礼品华为体脂秤。<br /><br />

· 赠品数量说明<br /><br />

    赠品数量以商品商详页页面宣传为准，会存在“以单品维度下单前N件”&“以系列维度下单前N件”的情况，若是系列维度的前N，该系列下所有的单品都算下单排名。
    <br /><br />
    例如：畅享60系列准点下单前10件赠华为体脂秤，指畅享60系列（畅享60、畅享60pro、畅享60X）所有的单品的整点下单整体排名前10赠华为体脂秤；若是单品维度的前N，礼品数量则是针对单品的礼品数量；
    <br /><br />
· 如何查看赠品
<br /><br />
    商品商详页页面宣传的赠品活动均以已成功提交订单后的订单详情展示为准
    <br /><br />
· 常见问题
<br /><br />
    问：先下单无赠品，后下单出现赠品是怎么回事？
    <br /><br />
    答：整点赠礼品实际下单即会被占用库存，若存在先下单无赠品，后下单有赠品，是因为有用户下单占用库存后未支付而取消订单，礼品库存被释放回滚，导致后下单有赠品的情况
    <br /><br />

      </p>
    </div>
    <div class="hello_world">
      <button class="top" @click="toTop">
        <img src="@/assets/backToTop.png" width="100%">
      </button>
    </div>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
  name: 'w_e_five',
  data () {
    return {
    }
  },
  methods: {
    goBack () {
      this.$router.go(-1)
    },
    toTop () {
      window.location.reload()
    }
  },
  mounted () {
    this.$nextTick(() => {
      // eslint-disable-next-line no-undef
      this.scroll = new BScroll('.body', {
        click: true,
        mouseWheel: true
      })
    })
  }
}
</script>

<style scoped>
.top{
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 100px;
  right: 5px;
  background-color: #fff;
  border: solid 1px gray;
  border-radius: 50%;
}
.father{
  width: 450px;
  height: 100%;
  background-color: #fff;
}
.header{
  width: 100%;
  height:5%;
}
.body{
  width: 450px;
  height: 600px;
  overflow: hidden;
  background-color: #fff;
  border-bottom: solid 1px gray
}
</style>
